<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>支付页面</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/proList.css" />
		<link rel="stylesheet" type="text/css" href="../css/btn.css" />
	</head>

	<body>
		<!------------------------------head------------------------------>
	<div class="head">
		<div class="wrapper clearfix">
			<div class="clearfix" id="top">
				<h1 class="fl">
					<a href="index.html"><img src="../img/logo.png" /></a>
				</h1>
				<div class="fr clearfix" id="top1">
							<p class="fl">
								<a href="login.jsp" id="login">登录</a> <a href="reg.jsp" id="reg">注册</a>
							</p>
						

					<form action="" method="post" class="fl">
						<input type="text" placeholder="热门搜索：干花花瓶" name="key"
							style="line-height: 30px" /> <input type="submit"
							style="margin-top: -30px;" value="" />
					</form>
				</div>
			</div>
			<ul class="clearfix" id="bott">
				<li><a href="index.jsp">首页</a></li>
				<li><a id="all" href="index.jsp" style="cursor: pointer">所有商品</a>
					<div class="sList"></div></li>
				<li><a id=6 style="cursor: pointer"
					href="">装饰摆件</a>
					<div class="sList2" id="s6"></div></li>
				<li><a href=""
					style="cursor: pointer" id="7">布艺软饰</a>
					<div class="sList2"></div></li>
				<li><a href="">墙式壁挂</a></li>
				<li><a href="">蜡艺香薰</a></li>
				<li><a href="">创意家居</a></li>
			</ul>
		</div>
	</div>

	<div class="order cart mt">
		<div style="margin-left: 220px;">
			<h2><p>请在
			<span id="minute" style="color:red">00</span>分
            <span id="second"  style="color:red">00</span>秒
			分钟之内支付完成：
			</p>
			</h2>
		</div>
		<!-----------------orderCon------------------->
		<div class="orderCon wrapper clearfix">
			<div class="orderL fl" style="margin-left: 220px;">
				<h3>支付方式</h3>
				<div class="way clearfix">
					<img class="on" id="alipay" src="../img/temp/way01.jpg"> 
					<img src="../img/temp/way02.jpg" id="wechatpay">
					<img src="../img/temp/way03.jpg" id="cardpay">
					<img src="../img/temp/way04.jpg" id="unpay">
				</div>
			</div>

		</div>
	</div>
	<div
		style="height: 56px; width: 300px; margin-left: 770px; margin-top: 40px;">
		<input type="submit" class="btn btn-primary btn-lg btn-block"
			value="支付订单">
	</div>

	<script src="../js/jquery-1.12.4.min.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/pro.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/user.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".btn").click(function() {
			  alert("在这里去写支付订单的方法")
		});
		
        var minute = "29";
        var second = 59;
        setInterval(function() {
            second--;
            if(second == 00 && minute == 00) {
                minute = 29;
                second = 59;
            }; //当分钟和秒钟都为00时，重新给值
            if(second == 00) {
                second = 59;
                minute--;
                if(minute < 10) minute = "0" + minute;
            }; //当秒钟为00时，秒数重新给值
            if(second < 10) second = "0" + second;
            $("#minute").text(minute);
            $("#second").text(second);
        }, 1000);

		
	</script>
	</body>

</html>